<template>
    <div class="yijfk">
         <header class='yijfk_header'>
            <p>{{fankuiData.title}}</p>
            <img :src="fankuiData.url" height="38" width="38" alt="" />
        </header>
        <section class='yijfk_main'>
            <div class="yijfk_text">
                {{fankuiData.yijian}}
            </div>
        </section>
        <footer class='footer'>
            <button class="yijfk_btn">{{fankuiData.btntext}}</button>
        </footer>
    </div>
</template>

<script>
 
export default {
  name: 'yijfk',
  data () {
    return{
        fankuiData:{
            title:'意见反馈',
            url:'../../static/img/4-8fanhuijiantou.png',
            yijian:'请详细描述您的建议或意见，我们将为您提供更优质的服务。（100字以内）',
            btntext:'提交反馈'

        } 
    }
  },
  methods:{
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/4-11yijianfankui.less";
   @import ".././assets/css/reset.css";
</style>